﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Internet Dreams</title>
    <link rel="stylesheet" href="css/screen.css" type="text/css" media="screen" title="default" />


    <!-- Fluid 960 Grid System - CSS framework -->
    <link rel="stylesheet" type="text/css" href="css/grid.css" tppabs="http://www.xooom.pl/work/magicadmin/css/grid.css" media="screen" />

    <!-- IE Hacks for the Fluid 960 Grid System -->
    <!--[if IE 6]><link rel="stylesheet" type="text/css" href="ie6.css" tppabs="http://www.xooom.pl/work/magicadmin/css/ie6.css" media="screen" /><![endif]-->
    <!--[if IE 7]><link rel="stylesheet" type="text/css" href="ie.css" tppabs="http://www.xooom.pl/work/magicadmin/css/ie.css" media="screen" /><![endif]-->

    <!-- Main stylesheet -->
    <link rel="stylesheet" type="text/css" href="css/styles.css" tppabs="http://www.xooom.pl/work/magicadmin/css/styles.css" media="screen" />

    <!-- WYSIWYG editor stylesheet -->
    <link rel="stylesheet" type="text/css" href="css/jquery.wysiwyg.css" tppabs="http://www.xooom.pl/work/magicadmin/css/jquery.wysiwyg.css" media="screen" />

    <!-- Table sorter stylesheet -->
    <link rel="stylesheet" type="text/css" href="css/tablesorter.css" tppabs="http://www.xooom.pl/work/magicadmin/css/tablesorter.css" media="screen" />



    <!-- JQuery engine script-->
    <script type="text/javascript" src="js/jquery-1.3.2.min.js" tppabs="http://www.xooom.pl/work/magicadmin/js/jquery-1.3.2.min.js"></script>

    <!-- JQuery WYSIWYG plugin script -->
    <script type="text/javascript" src="js/jquery.wysiwyg.js" tppabs="http://www.xooom.pl/work/magicadmin/js/jquery.wysiwyg.js"></script>

    <!-- JQuery tablesorter plugin script-->
    <script type="text/javascript" src="js/jquery.tablesorter.min.js" tppabs="http://www.xooom.pl/work/magicadmin/js/jquery.tablesorter.min.js"></script>

    <!-- JQuery pager plugin script for tablesorter tables -->
    <script type="text/javascript" src="js/jquery.tablesorter.pager.js" tppabs="http://www.xooom.pl/work/magicadmin/js/jquery.tablesorter.pager.js"></script>


    <!--[if IE]>
    <link rel="stylesheet" media="all" type="text/css" href="css/pro_dropline_ie.css" />
    <![endif]-->
    <!--  jquery core -->
    <!--<script src="js/jquery/jquery-1.4.1.min.js" type="text/javascript"></script>-->

    <!-- Custom jquery scripts appear of 4 messenge-->
    <script src="js/jquery/custom_jquery.js" type="text/javascript"></script>

    <!--  styled file upload script -->
    <script src="js/jquery/jquery.filestyle.js" type="text/javascript"></script>
    <script type="text/javascript" charset="utf-8">
        $(function () {
            $("input.file_1").filestyle({
                image: "images/forms/upload_file.gif",
                imageheight: 29,
                imagewidth: 78,
                width: 300
            });
        });
    </script>

    <!-- Initiate WYIWYG text area -->
    <script type="text/javascript">
        $(function () {
            $('#wysiwyg').wysiwyg(
            {
                controls: {
                    separator01: { visible: true },
                    separator03: { visible: true },
                    separator04: { visible: true },
                    separator00: { visible: true },
                    separator07: { visible: false },
                    separator02: { visible: false },
                    separator08: { visible: false },
                    insertOrderedList: { visible: true },
                    insertUnorderedList: { visible: true },
                    undo: { visible: true },
                    redo: { visible: true },
                    justifyLeft: { visible: true },
                    justifyCenter: { visible: true },
                    justifyRight: { visible: true },
                    justifyFull: { visible: true },
                    subscript: { visible: true },
                    superscript: { visible: true },
                    underline: { visible: true },
                    increaseFontSize: { visible: false },
                    decreaseFontSize: { visible: false }
                }
            });
        });
    </script>

    <!-- Initiate tablesorter script -->
    <script type="text/javascript">
        $(document).ready(function () {
            $("#myTable")
            .tablesorter({
                // zebra coloring
                widgets: ['zebra'],
                // pass the headers argument and assing a object 
                headers: {
                    // assign the sixth column (we start counting zero) 
                    6: {
                        // disable it by setting the property sorter to false 
                        sorter: false
                    }
                }
            })
        .tablesorterPager({ container: $("#pager") });
        });
    </script>

</head>
<body>
    <!-- Start: page-top-outer -->
    <div id="page-top-outer">

        <!-- Start: page-top -->
        <div id="page-top">

            <!-- start logo -->
            <div id="logo">
                <a href="#">
                    <img src="images/shared/logo.png" width="156" height="40" alt="" /></a>
            </div>
            <!-- end logo -->

            <div class="clear"></div>

        </div>
        <!-- End: page-top -->

    </div>
    <!-- End: page-top-outer -->

    <div class="clear">&nbsp;</div>

    <!--  start nav-outer-repeat................................................................................................. START -->
    <div class="nav-outer-repeat">
        <!--  start nav-outer -->
        <div class="nav-outer">

            <!-- start nav-right -->
            <div id="nav-right">

                <div class="nav-divider">&nbsp;</div>
                <div class="showhide-account">
                    <img src="images/shared/nav/nav_myaccount.gif" width="93" height="14" alt="" />
                </div>
                <div class="nav-divider">&nbsp;</div>
                <a href="#" id="logout">
                    <img src="images/shared/nav/nav_logout.gif" width="64" height="14" alt="" /></a>
                <div class="clear">&nbsp;</div>

                <!--  start account-content -->
                <div class="account-content">
                    <div class="account-drop-inner">
                        <a href="#" id="acc-settings">Settings</a>
                        <div class="clear">&nbsp;</div>
                        <div class="acc-line">&nbsp;</div>
                        <a href="#" id="acc-details">Personal details </a>
                        <div class="clear">&nbsp;</div>
                        <div class="acc-line">&nbsp;</div>
                        <a href="#" id="acc-project">Project details</a>
                        <div class="clear">&nbsp;</div>
                        <div class="acc-line">&nbsp;</div>
                        <a href="#" id="acc-inbox">Inbox</a>
                        <div class="clear">&nbsp;</div>
                        <div class="acc-line">&nbsp;</div>
                        <a href="#" id="acc-stats">Statistics</a>
                    </div>
                </div>
                <!--  end account-content -->

            </div>
            <!-- end nav-right -->


            <!--  start nav -->
            <div class="nav">
                <div class="table">

                    <ul class="select">
                        <li><a href="#nogo"><b>Dashboard</b><!--[if IE 7]><!--></a><!--<![endif]-->
                            <!--[if lte IE 6]><table><tr><td><![endif]-->
                            <div class="select_sub">
                                <ul class="sub">
                                    <li><a href="#nogo">Dashboard Details 1</a></li>
                                    <li><a href="#nogo">Dashboard Details 2</a></li>
                                    <li><a href="#nogo">Dashboard Details 3</a></li>
                                </ul>
                            </div>
                            <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                        </li>
                    </ul>

                    <div class="nav-divider">&nbsp;</div>

                    <ul class="current">
                        <li><a href="#nogo"><b>Products</b><!--[if IE 7]><!--></a><!--<![endif]-->
                            <!--[if lte IE 6]><table><tr><td><![endif]-->
                            <div class="select_sub show">
                                <ul class="sub">
                                    <li><a href="#nogo">View all products</a></li>
                                    <li class="sub_show"><a href="#nogo">Add product</a></li>
                                    <li><a href="#nogo">Delete products</a></li>
                                </ul>
                            </div>
                            <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                        </li>
                    </ul>

                    <div class="nav-divider">&nbsp;</div>

                    <ul class="select">
                        <li><a href="#nogo"><b>Categories</b><!--[if IE 7]><!--></a><!--<![endif]-->
                            <!--[if lte IE 6]><table><tr><td><![endif]-->
                            <div class="select_sub">
                                <ul class="sub">
                                    <li><a href="#nogo">Categories Details 1</a></li>
                                    <li><a href="#nogo">Categories Details 2</a></li>
                                    <li><a href="#nogo">Categories Details 3</a></li>
                                </ul>
                            </div>
                            <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                        </li>
                    </ul>

                    <div class="nav-divider">&nbsp;</div>

                    <ul class="select">
                        <li><a href="#nogo"><b>Clients</b><!--[if IE 7]><!--></a><!--<![endif]-->
                            <!--[if lte IE 6]><table><tr><td><![endif]-->
                            <div class="select_sub">
                                <ul class="sub">
                                    <li><a href="#nogo">Clients Details 1</a></li>
                                    <li><a href="#nogo">Clients Details 2</a></li>
                                    <li><a href="#nogo">Clients Details 3</a></li>

                                </ul>
                            </div>
                            <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                        </li>
                    </ul>

                    <div class="nav-divider">&nbsp;</div>

                    <ul class="select">
                        <li><a href="#nogo"><b>News</b><!--[if IE 7]><!--></a><!--<![endif]-->
                            <!--[if lte IE 6]><table><tr><td><![endif]-->
                            <div class="select_sub">
                                <ul class="sub">
                                    <li><a href="#nogo">News details 1</a></li>
                                    <li><a href="#nogo">News details 2</a></li>
                                    <li><a href="#nogo">News details 3</a></li>
                                </ul>
                            </div>
                            <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                        </li>
                    </ul>

                    <div class="clear"></div>
                </div>
                <div class="clear"></div>
            </div>
            <!--  start nav -->

        </div>
        <div class="clear"></div>
        <!--  start nav-outer -->
    </div>
    <!--  start nav-outer-repeat................................................... END -->

    <div class="clear"></div>

    <!-- start content-outer ........................................................................................................................START -->
    <div id="content-outer">
        <!-- start content -->
        <div id="content">

            <div id="page-heading">
                <h1>Table Name</h1>
            </div>

            <table border="0" width="100%" cellpadding="0" cellspacing="0" id="content-table">
                <tr>
                    <th rowspan="3" class="sized">
                        <img src="images/shared/side_shadowleft.jpg" width="20" height="300" alt="" /></th>
                    <th class="topleft"></th>
                    <td id="tbl-border-top">&nbsp;</td>
                    <th class="topright"></th>
                    <th rowspan="3" class="sized">
                        <img src="images/shared/side_shadowright.jpg" width="20" height="300" alt="" /></th>
                </tr>
                <tr>
                    <td id="tbl-border-left"></td>
                    <td>
                        <!--  start content-table-inner ...................................................................... START -->
                        <div id="content-table-inner">

                            <!--  start table-content  -->
                            <div id="table-content">

                                <!--  start message-yellow -->
                                <div id="message-yellow">
                                    <table border="0" width="100%" cellpadding="0" cellspacing="0">
                                        <tr>
                                            <td class="yellow-left">You have a new message. <a href="">Go to Inbox.</a></td>
                                            <td class="yellow-right"><a class="close-yellow">
                                                <img src="images/table/icon_close_yellow.gif" alt="" /></a></td>
                                        </tr>
                                    </table>
                                </div>
                                <!--  end message-yellow -->

                                <!--  start message-red -->
                                <div id="message-red">
                                    <table border="0" width="100%" cellpadding="0" cellspacing="0">
                                        <tr>
                                            <td class="red-left">Error. <a href="">Please try again.</a></td>
                                            <td class="red-right"><a class="close-red">
                                                <img src="images/table/icon_close_red.gif" alt="" /></a></td>
                                        </tr>
                                    </table>
                                </div>
                                <!--  end message-red -->

                                <!--  start message-blue -->
                                <div id="message-blue">
                                    <table border="0" width="100%" cellpadding="0" cellspacing="0">
                                        <tr>
                                            <td class="blue-left">Welcome back. <a href="">View my account.</a> </td>
                                            <td class="blue-right"><a class="close-blue">
                                                <img src="images/table/icon_close_blue.gif" alt="" /></a></td>
                                        </tr>
                                    </table>
                                </div>
                                <!--  end message-blue -->

                                <!--  start message-green -->
                                <div id="message-green">
                                    <table border="0" width="100%" cellpadding="0" cellspacing="0">
                                        <tr>
                                            <td class="green-left">Product added sucessfully. <a href="">Add new one.</a></td>
                                            <td class="green-right"><a class="close-green">
                                                <img src="images/table/icon_close_green.gif" alt="" /></a></td>
                                        </tr>
                                    </table>
                                </div>
                                <!--  end message-green -->

                                <table border="0" cellpadding="0" cellspacing="0" id="id-form">
                                    <tr>
                                        <th valign="top">Short textfield:</th>
                                        <td>
                                            <input type="text" class="input-short input-left" />
                                            <div class="error-left"></div>
                                            <div class="error-inner">This field is required.</div>
                                        </td>

                                    </tr>
                                    <tr>
                                        <th valign="top">Medium textfield:</th>
                                        <td>
                                            <input type="text" class="input-medium input-left" />
                                            <div class="error-left"></div>
                                            <div class="error-inner">This field is required.</div>
                                        </td>

                                    </tr>
                                    <tr>
                                        <th valign="top">Long textfield:</th>
                                        <td>

                                            <input type="text" class="input-long input-left" />
                                            <div class="error-left"></div>
                                            <div class="error-inner">This field is required.</div>
                                        </td>

                                    </tr>
                                    <tr>
                                        <th valign="top">Short select input :</th>
                                        <td>
                                            <select class="input-short input-select">
                                                <option value="1">Option 1</option>
                                                <option value="2">Option 2</option>
                                                <option value="3">Option 3</option>
                                                <option value="4">Option 4</option>
                                            </select>

                                        </td>

                                    </tr>
                                    <tr>
                                        <th valign="top">Medium select input :</th>
                                        <td>
                                            <select class="input-medium input-select">
                                                <option value="1">Option 1</option>
                                                <option value="2">Option 2</option>
                                                <option value="3">Option 3</option>
                                                <option value="4">Option 4</option>
                                            </select>

                                        </td>

                                    </tr>
                                    <tr>
                                        <th valign="top">Long select input :</th>
                                        <td>
                                            <select class="input-long input-select">
                                                <option value="1">Option 1</option>
                                                <option value="2">Option 2</option>
                                                <option value="3">Option 3</option>
                                                <option value="4">Option 4</option>
                                            </select>

                                        </td>

                                    </tr>

                                    <tr>
                                        <th valign="top">Short text area :</th>
                                        <td>
                                            <textarea rows="7" cols="90" class="input-short"></textarea>
                                        </td>

                                    </tr>
                                    <tr>
                                        <th valign="top">Medium text area :</th>
                                        <td>
                                            <textarea rows="7" cols="90" class="input-medium"></textarea>
                                        </td>

                                    </tr>

                                    <tr>
                                        <th valign="top">Long text area :</th>
                                        <td>
                                            <textarea rows="7" cols="90" class="input-long"></textarea>
                                        </td>

                                    </tr>

                                    <tr>
                                        <th valign="top">Textarea with WYSIWYG :</th>
                                        <td>
                                            <textarea id="wysiwyg" rows="11" cols="90" name="desc" class="input-long"></textarea>
                                        </td>

                                    </tr>
                                    <tr>
                                        <th valign="top">Checkboxes :</th>
                                        <td>
                                            <ul class="input-short ul-border">
                                                <li>
                                                    <label>
                                                        <input type="checkbox" name="a" checked="checked" id="Checkbox1" />
                                                        checkbox 1</label>
                                                </li>
                                                <li>
                                                    <label>
                                                        <input type="checkbox" name="b" id="Checkbox2" />
                                                        checkbox 2</label>
                                                </li>
                                            </ul>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th valign="top">Radio buttons :</th>
                                        <td>
                                            <ul class="input-short ul-border">
                                                <li>
                                                    <label>
                                                        <input type="radio" name="c" checked="checked" />
                                                        radio button 1</label>
                                                </li>
                                                <li>
                                                    <label>
                                                        <input type="radio" name="c" />
                                                        radio button 2</label>
                                                </li>
                                            </ul>
                                        </td>

                                    </tr>

                                    <tr>
                                        <th valign="top">Images :</th>
                                        <td>
                                            <div>
                                                <input type="file" class="file_1 input-short input-left" />
                                            </div>
                                            <div class="bubble-left" style="margin-left: 88px;"></div>
                                            <div class="bubble-inner">JPEG, GIF 5MB max per image</div>
                                            <div class="bubble-right"></div>
                                        </td>
                                    </tr>

                                    <tr>
                                        <th>&nbsp;</th>
                                        <td valign="top">
                                            <button type="submit" class="btn btn-primary">Save</button>
                                            <button class="btn">Cancel</button>
                                            <button class="btn btn-info">Info</button>
                                            <button class="btn btn-danger">Danger</button>
                                            <button class="btn btn-warning">Warning</button>
                                            <button class="btn btn-inverse">Invert</button>
                                            <button class="btn btn-success">Success</button>

                                            <input type="button" value="Submit" class="btn btn-success" />
                                            <input type="button" value="Reset" class="btn btn-warning" />
                                            <input type="button" value="Cancel" class="btn btn-danger" />
                                        </td>
                                    </tr>
                                </table>

                                <div class="grid_12" style="width: 100%; margin: 0px;">


                                    <div class="bottom-spacing">

                                        <!-- Button -->
                                        <div class="float-right">
                                            <a href="#" class="button">
                                                <span>New Item
                                                    <img src="images/plus-small.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/plus-small.gif" width="12" height="9" alt="New article" /></span>
                                            </a>
                                        </div>

                                        <!-- Table records filtering -->
                                        Filter: 
                                        <select class="input-short">
                                            <option value="1" selected="selected">Select filter</option>
                                            <option value="2">Created last week</option>
                                            <option value="3">Created last month</option>
                                            <option value="4">Edited last week</option>
                                            <option value="5">Edited last month</option>
                                        </select>

                                    </div>


                                    <!-- Example table -->
                                    <div class="module">
                                        <h2><span>Sample table</span></h2>

                                        <div class="module-table-body">
                                            <form action="">
                                                <table id="myTable" class="tablesorter">
                                                    <thead>
                                                        <tr>
                                                            <th style="width: 5%">#</th>
                                                            <th style="width: 20%">Title</th>
                                                            <th style="width: 21%">Author</th>
                                                            <th style="width: 13%">Category</th>
                                                            <th style="width: 13%">Pages</th>
                                                            <th style="width: 13%">Price</th>
                                                            <th style="width: 15%"></th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        <tr>
                                                            <td class="align-center">1</td>
                                                            <td><a href="#">Don Quixote</a></td>
                                                            <td>Cervantes</td>
                                                            <td>adventure</td>
                                                            <td>992</td>
                                                            <td>$11.55</td>
                                                            <td>
                                                                <input type="checkbox" />
                                                                <a href="#">
                                                                    <img src="images/tick-circle.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/tick-circle.gif" width="16" height="16" alt="published" /></a>
                                                                <a href="#">
                                                                    <img src="images/pencil.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/pencil.gif" width="16" height="16" alt="edit" /></a>
                                                                <a href="#">
                                                                    <img src="images/balloon.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/balloon.gif" width="16" height="16" alt="comments" /></a>
                                                                <a href="#">
                                                                    <img src="images/bin.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/bin.gif" width="16" height="16" alt="delete" /></a>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td class="align-center">2</td>
                                                            <td><a href="#">Lord Jim</a></td>
                                                            <td>Joseph Conrad</td>
                                                            <td>thriller</td>
                                                            <td>400</td>
                                                            <td>$6.95</td>
                                                            <td>
                                                                <input type="checkbox" />
                                                                <a href="#">
                                                                    <img src="images/minus-circle.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/minus-circle.gif" width="16" height="16" alt="not published" /></a>
                                                                <a href="#">
                                                                    <img src="images/pencil.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/pencil.gif" width="16" height="16" alt="edit" /></a>
                                                                <a href="#">
                                                                    <img src="images/balloon.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/balloon.gif" width="16" height="16" alt="comments" /></a>
                                                                <a href="#">
                                                                    <img src="images/bin.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/bin.gif" width="16" height="16" alt="delete" /></a>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td class="align-center">3</td>
                                                            <td><a href="#">Inferno</a></td>
                                                            <td>Dante</td>
                                                            <td>drama</td>
                                                            <td>528</td>
                                                            <td>$8.76</td>
                                                            <td>
                                                                <input type="checkbox" />
                                                                <a href="#">
                                                                    <img src="images/minus-circle.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/minus-circle.gif" width="16" height="16" alt="not published" /></a>
                                                                <a href="#">
                                                                    <img src="images/pencil.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/pencil.gif" width="16" height="16" alt="edit" /></a>
                                                                <a href="#">
                                                                    <img src="images/balloon.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/balloon.gif" width="16" height="16" alt="comments" /></a>
                                                                <a href="#">
                                                                    <img src="images/bin.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/bin.gif" width="16" height="16" alt="delete" /></a>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td class="align-center">4</td>
                                                            <td><a href="#">David Copperfield</a></td>
                                                            <td>Charles Dickens</td>
                                                            <td>literary</td>
                                                            <td>1024</td>
                                                            <td>$9.00</td>
                                                            <td>
                                                                <input type="checkbox" />
                                                                <a href="#">
                                                                    <img src="images/minus-circle.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/minus-circle.gif" width="16" height="16" alt="not published" /></a>
                                                                <a href="#">
                                                                    <img src="images/pencil.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/pencil.gif" width="16" height="16" alt="edit" /></a>
                                                                <a href="#">
                                                                    <img src="images/balloon.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/balloon.gif" width="16" height="16" alt="comments" /></a>
                                                                <a href="#">
                                                                    <img src="images/bin.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/bin.gif" width="16" height="16" alt="delete" /></a>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td class="align-center">5</td>
                                                            <td><a href="#">Crime and Punishment</a></td>
                                                            <td>Fyodor Dostoevsky</td>
                                                            <td>world literature</td>
                                                            <td>592</td>
                                                            <td>$10.85</td>
                                                            <td>
                                                                <input type="checkbox" />
                                                                <a href="#">
                                                                    <img src="images/minus-circle.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/minus-circle.gif" width="16" height="16" alt="not published" /></a>
                                                                <a href="#">
                                                                    <img src="images/pencil.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/pencil.gif" width="16" height="16" alt="edit" /></a>
                                                                <a href="#">
                                                                    <img src="images/balloon.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/balloon.gif" width="16" height="16" alt="comments" /></a>
                                                                <a href="#">
                                                                    <img src="images/bin.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/bin.gif" width="16" height="16" alt="delete" /></a>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td class="align-center">6</td>
                                                            <td><a href="#">Faust</a></td>
                                                            <td>Johann Wolfgang von Goethe</td>
                                                            <td>drama</td>
                                                            <td>464</td>
                                                            <td>$5.95</td>
                                                            <td>
                                                                <input type="checkbox" />
                                                                <a href="#">
                                                                    <img src="images/minus-circle.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/minus-circle.gif" width="16" height="16" alt="not published" /></a>
                                                                <a href="#">
                                                                    <img src="images/pencil.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/pencil.gif" width="16" height="16" alt="edit" /></a>
                                                                <a href="#">
                                                                    <img src="images/balloon.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/balloon.gif" width="16" height="16" alt="comments" /></a>
                                                                <a href="#">
                                                                    <img src="images/bin.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/bin.gif" width="16" height="16" alt="delete" /></a>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td class="align-center">7</td>
                                                            <td><a href="#">Lord of the Flies</a></td>
                                                            <td>William Golding</td>
                                                            <td>drama</td>
                                                            <td>190</td>
                                                            <td>$15.88</td>
                                                            <td>
                                                                <input type="checkbox" />
                                                                <a href="#">
                                                                    <img src="images/minus-circle.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/minus-circle.gif" width="16" height="16" alt="not published" /></a>
                                                                <a href="#">
                                                                    <img src="images/pencil.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/pencil.gif" width="16" height="16" alt="edit" /></a>
                                                                <a href="#">
                                                                    <img src="images/balloon.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/balloon.gif" width="16" height="16" alt="comments" /></a>
                                                                <a href="#">
                                                                    <img src="images/bin.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/bin.gif" width="16" height="16" alt="delete" /></a>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td class="align-center">8</td>
                                                            <td><a href="#">A Farewell To Arms</a></td>
                                                            <td>Ernest Hemingway</td>
                                                            <td>romance</td>
                                                            <td>304</td>
                                                            <td>$22.80</td>
                                                            <td>
                                                                <input type="checkbox" />
                                                                <a href="#">
                                                                    <img src="images/minus-circle.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/minus-circle.gif" width="16" height="16" alt="not published" /></a>
                                                                <a href="#">
                                                                    <img src="images/pencil.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/pencil.gif" width="16" height="16" alt="edit" /></a>
                                                                <a href="#">
                                                                    <img src="images/balloon.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/balloon.gif" width="16" height="16" alt="comments" /></a>
                                                                <a href="#">
                                                                    <img src="images/bin.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/bin.gif" width="16" height="16" alt="delete" /></a>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td class="align-center">9</td>
                                                            <td><a href="#">The Old Man and the Sea</a></td>
                                                            <td>Ernest Hemingway</td>
                                                            <td>adventure</td>
                                                            <td>112</td>
                                                            <td>$4.63</td>
                                                            <td>
                                                                <input type="checkbox" />
                                                                <a href="#">
                                                                    <img src="images/minus-circle.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/minus-circle.gif" width="16" height="16" alt="not published" /></a>
                                                                <a href="#">
                                                                    <img src="images/pencil.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/pencil.gif" width="16" height="16" alt="edit" /></a>
                                                                <a href="#">
                                                                    <img src="images/balloon.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/balloon.gif" width="16" height="16" alt="comments" /></a>
                                                                <a href="#">
                                                                    <img src="images/bin.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/bin.gif" width="16" height="16" alt="delete" /></a>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td class="align-center">10</td>
                                                            <td><a href="#">The Snows of Kilimanjaro</a></td>
                                                            <td>Ernest Hemingway</td>
                                                            <td>adventure</td>
                                                            <td>144</td>
                                                            <td>$19.00</td>
                                                            <td>
                                                                <input type="checkbox" />
                                                                <a href="#">
                                                                    <img src="images/minus-circle.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/minus-circle.gif" width="16" height="16" alt="not published" /></a>
                                                                <a href="#">
                                                                    <img src="images/pencil.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/pencil.gif" width="16" height="16" alt="edit" /></a>
                                                                <a href="#">
                                                                    <img src="images/balloon.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/balloon.gif" width="16" height="16" alt="comments" /></a>
                                                                <a href="#">
                                                                    <img src="images/bin.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/bin.gif" width="16" height="16" alt="delete" /></a>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td class="align-center">11</td>
                                                            <td><a href="#">The Sun Also Rises</a></td>
                                                            <td>Ernest Hemingway</td>
                                                            <td>drama</td>
                                                            <td>256</td>
                                                            <td>$10.20</td>
                                                            <td>
                                                                <input type="checkbox" />
                                                                <a href="#">
                                                                    <img src="images/minus-circle.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/minus-circle.gif" width="16" height="16" alt="not published" /></a>
                                                                <a href="#">
                                                                    <img src="images/pencil.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/pencil.gif" width="16" height="16" alt="edit" /></a>
                                                                <a href="#">
                                                                    <img src="images/balloon.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/balloon.gif" width="16" height="16" alt="comments" /></a>
                                                                <a href="#">
                                                                    <img src="images/bin.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/bin.gif" width="16" height="16" alt="delete" /></a>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td class="align-center">12</td>
                                                            <td><a href="#">The Metamorphosis</a></td>
                                                            <td>Franz Kafka</td>
                                                            <td>existentialism</td>
                                                            <td>94</td>
                                                            <td>$9.95</td>
                                                            <td>
                                                                <input type="checkbox" />
                                                                <a href="#">
                                                                    <img src="images/minus-circle.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/minus-circle.gif" width="16" height="16" alt="not published" /></a>
                                                                <a href="#">
                                                                    <img src="images/pencil.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/pencil.gif" width="16" height="16" alt="edit" /></a>
                                                                <a href="#">
                                                                    <img src="images/balloon.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/balloon.gif" width="16" height="16" alt="comments" /></a>
                                                                <a href="#">
                                                                    <img src="images/bin.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/bin.gif" width="16" height="16" alt="delete" /></a>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td class="align-center">13</td>
                                                            <td><a href="#">One Flew Over the Cuckoo's Nest</a></td>
                                                            <td>Ken Kesey</td>
                                                            <td>thriller</td>
                                                            <td>288</td>
                                                            <td>$10.88</td>
                                                            <td>
                                                                <input type="checkbox" />
                                                                <a href="#">
                                                                    <img src="images/minus-circle.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/minus-circle.gif" width="16" height="16" alt="not published" /></a>
                                                                <a href="#">
                                                                    <img src="images/pencil.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/pencil.gif" width="16" height="16" alt="edit" /></a>
                                                                <a href="#">
                                                                    <img src="images/balloon.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/balloon.gif" width="16" height="16" alt="comments" /></a>
                                                                <a href="#">
                                                                    <img src="images/bin.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/bin.gif" width="16" height="16" alt="delete" /></a>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td class="align-center">14</td>
                                                            <td><a href="#">Moby Dick</a></td>
                                                            <td>Herman Melville</td>
                                                            <td>world literature</td>
                                                            <td>464</td>
                                                            <td>$5.00</td>
                                                            <td>
                                                                <input type="checkbox" />
                                                                <a href="#">
                                                                    <img src="images/minus-circle.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/minus-circle.gif" width="16" height="16" alt="not published" /></a>
                                                                <a href="#">
                                                                    <img src="images/pencil.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/pencil.gif" width="16" height="16" alt="edit" /></a>
                                                                <a href="#">
                                                                    <img src="images/balloon.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/balloon.gif" width="16" height="16" alt="comments" /></a>
                                                                <a href="#">
                                                                    <img src="images/bin.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/bin.gif" width="16" height="16" alt="delete" /></a>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td class="align-center">15</td>
                                                            <td><a href="#">The Crucible</a></td>
                                                            <td>Arthur Miller</td>
                                                            <td>drama</td>
                                                            <td>176</td>
                                                            <td>$10.01</td>
                                                            <td>
                                                                <input type="checkbox" />
                                                                <a href="#">
                                                                    <img src="images/minus-circle.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/minus-circle.gif" width="16" height="16" alt="not published" /></a>
                                                                <a href="#">
                                                                    <img src="images/pencil.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/pencil.gif" width="16" height="16" alt="edit" /></a>
                                                                <a href="#">
                                                                    <img src="images/balloon.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/balloon.gif" width="16" height="16" alt="comments" /></a>
                                                                <a href="#">
                                                                    <img src="images/bin.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/bin.gif" width="16" height="16" alt="delete" /></a>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td class="align-center">16</td>
                                                            <td><a href="#">Death of a Salesman</a></td>
                                                            <td>Arthur Miller</td>
                                                            <td>drama</td>
                                                            <td>448</td>
                                                            <td>$12.24</td>
                                                            <td>
                                                                <input type="checkbox" />
                                                                <a href="#">
                                                                    <img src="images/minus-circle.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/minus-circle.gif" width="16" height="16" alt="not published" /></a>
                                                                <a href="#">
                                                                    <img src="images/pencil.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/pencil.gif" width="16" height="16" alt="edit" /></a>
                                                                <a href="#">
                                                                    <img src="images/balloon.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/balloon.gif" width="16" height="16" alt="comments" /></a>
                                                                <a href="#">
                                                                    <img src="images/bin.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/bin.gif" width="16" height="16" alt="delete" /></a>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td class="align-center">17</td>
                                                            <td><a href="#">Paradise Lost</a></td>
                                                            <td>John Milton</td>
                                                            <td>christianity</td>
                                                            <td>512</td>
                                                            <td>$9.24</td>
                                                            <td>
                                                                <input type="checkbox" />
                                                                <a href="#">
                                                                    <img src="images/minus-circle.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/minus-circle.gif" width="16" height="16" alt="not published" /></a>
                                                                <a href="#">
                                                                    <img src="images/pencil.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/pencil.gif" width="16" height="16" alt="edit" /></a>
                                                                <a href="#">
                                                                    <img src="images/balloon.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/balloon.gif" width="16" height="16" alt="comments" /></a>
                                                                <a href="#">
                                                                    <img src="images/bin.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/bin.gif" width="16" height="16" alt="delete" /></a>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td class="align-center">18</td>
                                                            <td><a href="#">Animal Farm</a></td>
                                                            <td>George Orwell</td>
                                                            <td>criticism &amp; theory</td>
                                                            <td>113</td>
                                                            <td>$9.85</td>
                                                            <td>
                                                                <input type="checkbox" />
                                                                <a href="#">
                                                                    <img src="images/minus-circle.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/minus-circle.gif" width="16" height="16" alt="not published" /></a>
                                                                <a href="#">
                                                                    <img src="images/pencil.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/pencil.gif" width="16" height="16" alt="edit" /></a>
                                                                <a href="#">
                                                                    <img src="images/balloon.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/balloon.gif" width="16" height="16" alt="comments" /></a>
                                                                <a href="#">
                                                                    <img src="images/bin.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/bin.gif" width="16" height="16" alt="delete" /></a>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td class="align-center">19</td>
                                                            <td><a href="#">Hamlet</a></td>
                                                            <td>William Shakespeare</td>
                                                            <td>tragedy</td>
                                                            <td>400</td>
                                                            <td>$5.99</td>
                                                            <td>
                                                                <input type="checkbox" />
                                                                <a href="#">
                                                                    <img src="images/minus-circle.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/minus-circle.gif" width="16" height="16" alt="not published" /></a>
                                                                <a href="#">
                                                                    <img src="images/pencil.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/pencil.gif" width="16" height="16" alt="edit" /></a>
                                                                <a href="#">
                                                                    <img src="images/balloon.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/balloon.gif" width="16" height="16" alt="comments" /></a>
                                                                <a href="#">
                                                                    <img src="images/bin.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/bin.gif" width="16" height="16" alt="delete" /></a>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td class="align-center">20</td>
                                                            <td><a href="#">Julius Caesar</a></td>
                                                            <td>William Shakespeare</td>
                                                            <td>politics</td>
                                                            <td>288</td>
                                                            <td>$5.99</td>
                                                            <td>
                                                                <input type="checkbox" />
                                                                <a href="#">
                                                                    <img src="images/minus-circle.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/minus-circle.gif" width="16" height="16" alt="not published" /></a>
                                                                <a href="#">
                                                                    <img src="images/pencil.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/pencil.gif" width="16" height="16" alt="edit" /></a>
                                                                <a href="#">
                                                                    <img src="images/balloon.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/balloon.gif" width="16" height="16" alt="comments" /></a>
                                                                <a href="#">
                                                                    <img src="images/bin.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/bin.gif" width="16" height="16" alt="delete" /></a>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td class="align-center">21</td>
                                                            <td><a href="#">King Lear</a></td>
                                                            <td>William Shakespeare</td>
                                                            <td>tragedy</td>
                                                            <td>384</td>
                                                            <td>$5.99</td>
                                                            <td>
                                                                <input type="checkbox" />
                                                                <a href="#">
                                                                    <img src="images/minus-circle.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/minus-circle.gif" width="16" height="16" alt="not published" /></a>
                                                                <a href="#">
                                                                    <img src="images/pencil.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/pencil.gif" width="16" height="16" alt="edit" /></a>
                                                                <a href="#">
                                                                    <img src="images/balloon.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/balloon.gif" width="16" height="16" alt="comments" /></a>
                                                                <a href="#">
                                                                    <img src="images/bin.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/bin.gif" width="16" height="16" alt="delete" /></a>
                                                            </td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </form>
                                            <div class="pager" id="pager">
                                                <form action="#">
                                                    <div>
                                                        <img class="first" src="images/arrow-stop-180.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/arrow-stop-180.gif" alt="first" />
                                                        <img class="prev" src="images/arrow-180.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/arrow-180.gif" alt="prev" />
                                                        <input type="text" class="pagedisplay input-short align-center" />
                                                        <img class="next" src="images/arrow.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/arrow.gif" alt="next" />
                                                        <img class="last" src="images/arrow-stop.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/arrow-stop.gif" alt="last" />
                                                        <select class="pagesize input-short align-center">
                                                            <option value="10" selected="selected">10</option>
                                                            <option value="20">20</option>
                                                            <option value="30">30</option>
                                                            <option value="40">40</option>
                                                        </select>
                                                    </div>
                                                </form>
                                            </div>
                                            <div class="table-apply">
                                                <form action="">
                                                    <div>
                                                        <span>Apply action to selected:</span>
                                                        <select class="input-medium">
                                                            <option value="1" selected="selected">Select action</option>
                                                            <option value="2">Publish</option>
                                                            <option value="3">Unpublish</option>
                                                            <option value="4">Delete</option>
                                                        </select>
                                                    </div>
                                                </form>
                                            </div>
                                            <div style="clear: both"></div>
                                        </div>
                                        <!-- End .module-table-body -->
                                    </div>
                                    <!-- End .module -->


                                    <div class="pagination">
                                        <a href="#" class="button"><span>
                                            <img src="images/arrow-stop-180-small.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/arrow-stop-180-small.gif" height="9" width="12" alt="First" />
                                            First</span></a>
                                        <a href="#" class="button"><span>
                                            <img src="images/arrow-180-small.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/arrow-180-small.gif" height="9" width="12" alt="Previous" />
                                            Prev</span></a>
                                        <div class="numbers">
                                            <span>Page:</span>
                                            <a href="#">1</a>
                                            <span>|</span>
                                            <a href="#">2</a>
                                            <span>|</span>
                                            <span class="current">3</span>
                                            <span>|</span>
                                            <a href="#">4</a>
                                            <span>|</span>
                                            <a href="#">5</a>
                                            <span>|</span>
                                            <a href="#">6</a>
                                            <span>|</span>
                                            <a href="#">7</a>
                                            <span>|</span>
                                            <span>...</span>
                                            <span>|</span>
                                            <a href="#">99</a>
                                        </div>
                                        <a href="#" class="button"><span>Next
                                            <img src="images/arrow-000-small.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/arrow-000-small.gif" height="9" width="12" alt="Next" /></span></a>
                                        <a href="#" class="button last"><span>Last
                                            <img src="images/arrow-stop-000-small.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/arrow-stop-000-small.gif" height="9" width="12" alt="Last" /></span></a>
                                        <div style="clear: both;"></div>
                                    </div>

                                </div>
                                <!-- End .grid_12 -->

                            </div>
                            <!--  end content-table  -->

                        </div>
                        <!--  end content-table-inner ............................................END  -->
                    </td>
                    <td id="tbl-border-right"></td>
                </tr>
                <tr>
                    <th class="sized bottomleft"></th>
                    <td id="tbl-border-bottom">&nbsp;</td>
                    <th class="sized bottomright"></th>
                </tr>
            </table>

        </div>
        <!--  end content -->
        <div class="clear">&nbsp;</div>
    </div>
    <!--  end content-outer........................................................END -->

    <div class="clear">&nbsp;</div>

    <!-- start footer -->
    <div id="footer">
        <!-- <div id="footer-pad">&nbsp;</div> -->
        <!--  start footer-left -->
        <div id="footer-left">
            Admin Skin &copy; Copyright Internet Dreams Ltd. <a href="#">www.netdreams.co.uk</a>. All rights reserved.
        </div>
        <!--  end footer-left -->
        <div class="clear">&nbsp;</div>
    </div>
    <!-- end footer -->

</body>
</html>
